<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>乙盟</title>
		<link rel="stylesheet" href="common/css/bootstrap.min.css" />
		<link rel="stylesheet" href="common/css/jquery.fullPage.css">
		<link rel="stylesheet" href="css/yimeng.css" />
		<link rel="stylesheet" href="common/css/zssfooter.css" />
		<style type="text/css">
			.section1 {
			    background: radial-gradient(ellipse farthest-corner at center top, #111B6B 0%, #051C2D 100%);
			}
			canvas {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			}
			.zss_bito {
			    overflow: hidden;
			    position: relative;
			    top: -5%;
			}
			.zss_title1 {
				font-size: 5rem;
				transform: scale(0);
				-webkit-transform: scale(0);
				-moz-transform: scale(0);
				transition: all 1s;
				-webkit-transition: all 1s;
				-moz-transition: all 1s;
				color: white;
			}
			
			.zss_scal {
				transform: scale(1.2);
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
			}
			.zss_bito .p1 {
			    right: 120%;
			}
			.zss_bito .p2 {
			    left: 120%;
			}
			.zss_bito .p1, .zss_bito .p2 {
			    color: #F1F1F1;
			    padding: 1rem;
			    position: relative;
			    z-index: 10000;
			    font-size: 2.5rem;
			    font-weight: 100;
			}
			@media only screen and (max-width: 600px){	
				.zss_title1{
					font-size: 2.5rem
				}
				.zss_bito .p1, .zss_bito .p2{
					font-size: 2rem
				}
			}
		</style>
	</head>

	<body>
		
		<div class="dowebok">
			<!--导航开始-->
			<div id="zss_nav">
				<nav class="navbar navbar-default navbar-fixed-top">
					<div class="container">
						<!--响应式之后变为按钮-->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						    </button>
							<a class="navbar-brand" href="#" style="overflow: hidden;">
								<img src="images/logowhite.png" width="140px" style="float: left;">
							</a>
						</div>

						<!--导航-->
						<div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<li>
									<a href="index.html">全局 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="dashuju.html">大数据</a>
								</li>
								<li>
									<a href="zhengai.html">诊改</a>
								</li>
								<li>
									<a href="shiyanshi.html">实验室</a>
								</li>
								<li>
									<a href="vr.html">VR/AR</a>
								</li>
								<li>
									<a href="quanzhijiaoyu.html">全智教育</a>
								</li>
								<li class="zss_active">
									<a href="yimeng.html">乙盟</a>
								</li>
							</ul>
						</div>
					</div>
				</nav>
			</div>
			<!--导航结束-->
			<div class="section section1">

				<canvas id="canvas" width="100%" height="100%"></canvas>
				<div class="zss_bito">
					<p class="p1">精品交付，智慧分享、应用优化、统一管理</p>
					<p class="zss_title1">让 科 技 成 就 校 园 之 美</p>
					<p class="p2">聚焦教育研发，传承华夏文化！</p>
				</div>
			</div>


			<div class="section section2">
				<div class="container">
					<div class="col-md-3 col-sm-3 col-xs-6 zss_sec4ymimgbox">
						<h3>聚焦资源</h3>
						<img src="images/ymsec4img1.png" width="100%"/>
						<p>focus resources</p>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6 zss_sec4ymimgbox">
						<h3>科技创新</h3>
						<img src="images/ymsec4img2.jpg" width="100%"/>
						<p>innovation</p>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6 zss_sec4ymimgbox">
						<h3>服务民生</h3>
						<img src="images/ymsec4img3.png" width="100%"/>
						<p>service people</p>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6 zss_sec4ymimgbox">
						<h3>助力国策</h3>
						<img src="images/ymsec4img4.png" width="100%"/>
						<p>help strategy</p>
					</div>
				</div>
			</div>
			
			<div class="section section3">
				<div class="container">
					<div class="col-md-6 col-sm-6" style="overflow: hidden;position: relative;">
						<img src="images/sec5imgbg1.jpg" width="100%" class="zss_sec5img"/>
						<div class="zss_sec5ymmain zss_sec5ymmain1">
							<img src="images/sec5icon.png" class="zss_sec5img1"/>
							<h3>终身学习</h3>
							<p>lifelong learning</p>
						</div>
					</div>
					<div class="col-md-6 col-sm-6" style="overflow: hidden;position: relative;">
						<img src="images/sec5imgbg2.jpg" width="100%" class="zss_sec5img2"/>
						<div class="zss_sec5ymmain">
							<img src="images/sec5icon2.png" style="width: 5rem;"/>
							<h3>持续创新</h3>
							<p>sustainable innovation</p>
						</div>
					</div>	
				</div>
			</div>

			<div class="section section4">
				<div class="container zss_ymsec6box">
					<div class="col-md-6 col-sm-6 zss_sec5ymimg">
						<img src="images/logo.png" width="90%"/>
					</div>
					<div class="col-md-6 col-sm-6 zss_cjymzm">
						<div class="zss_animate2 six">
						    <span>让</span><span>科</span><span>技</span><span>成</span><span>就</span><span>校</span><span>园</span><span>之</span><span>美</span>
						</div>
					</div>
				</div>
				<div class="zss_footer">
					<p>电话：0531-89653971 | 邮编：250101 </p>
					<p>地址：山东省济南市高新区舜泰广场9号楼北楼904-B | 技术支持-山东乙盟信息技术有限公司 </p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="common/js/jquery.min.js" ></script>
	<script type="text/javascript" src="common/js/bootstrap.min.js"></script>
	<script src="common/js/jquery-ui-1.10.3.min.js"></script>
	<script src="common/js/jquery.fullPage.min.js"></script>
	<script type="text/javascript" src="js/yimeng.js"></script>

</html>